@extends('layouts.weipai')

@section('title', 'Weipai')

@section('sidebar')
@stop

@section('content')
    <div data-am-widget="list_news" class="am-list-news am-list-news-default">
        <!--列表标题-->
        <div class="am-list-news-hd am-cf">
            <h3>视频详情</h3>
        </div>
        <div class="am-list-news-bd" style="margin: 20px;">
            <video id="example_video_1"
                   class="video-js vjs-default-skin" autoplay controls preload="none" width="640" height="480"
                   poster=""
                   data-setup="{}">
                <source src="{{$url}}" type='video/mp4' />
                <source src="{{$url}}" type='video/webm' />
                <source src="{{$url}}" type='video/ogg' />
                <track kind="captions" src="demo.captions.vtt" srclang="en" label="English"></track><!-- Tracks need an ending tag thanks to IE9 -->
                <track kind="subtitles" src="demo.captions.vtt" srclang="en" label="English"></track><!-- Tracks need an ending tag thanks to IE9 -->
                <p class="vjs-no-js">To view this video please enable JavaScript, and consider upgrading to a web browser that <a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a></p>
            </video>
        </div>
        <!--更多在底部-->
        <div class="am-list-news-ft">
            <a class="am-list-news-more am-btn am-btn-default" href="javascript:history.go(-1);">后退 &raquo;</a>
        </div>
    </div>
@stop

@section('css')
    <link rel="stylesheet" href="{{static_path('plug/video-js/video-js.css')}}"/>

    <!-- Unless using the CDN hosted version, update the URL to the Flash SWF -->
    <script>
        videojs.options.flash.swf = "{{static_path('plug/video-js/video-js.swf')}}";
    </script>

    <style>
        video {
            max-width: 100%;
            height: auto;
        }
    </style>
@stop

@section('js')
    <script src="{{ static_path('plug/video-js/video.js') }}"></script>
@stop